<template>
  <div class="p-4 c-gray-7">
    <h1 class="text-2xl">{{ guide?.title }}</h1>
    <p class="mt-3 c-gray-4">{{ guide?.publicDate }}</p>
    <div class="mt-3 text-xl" v-html="guide?.content"></div>
  </div>
</template>

<script lang="ts" setup>
import { useNewsStore } from "@/store/modules/news";

const props = defineProps<{
  guideId: string;
}>();

const newsStore = useNewsStore();

const guide = newsStore.getGuideDetailById(props.guideId);
</script>
